<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">

    div#main{
		width:850px;
		margin: auto;
	}
	div#top{
		width: 100%;
	}
	div#center{
	width: 70%;
	margin: auto;
	}
	div#bottom{
	clear:both;
	}
	.sub{
		background-color: #dedede;
		text-align:center;
		font: bold 11px 나눔글꼴코딩;
		height: 10px;
		padding:13px;
	}
	.content{
		padding-left: 5px;
	}
	td,th{
		border-top: 1px solid #999999;
		
		
	}

</style>
<script type="text/javascript">
	function checkAddMember(){
		
		document.getElementById("memberInfo").submit();
		
	}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>


</head>

<body>
	<div id="main">  
		<div id="top">
			<%@include file="/menu/top.jsp" %>
		</div>
		<div id="center">
			<form id="memberInfo" action="addMember" method="post">
				
				<table style="border-collapse: collapse; border-left: 1px solid #999999;border-right: 1px solid #999999;border-bottom: 1px solid #999999;">
					<thead>
						<tr><th style="width: 30%"><img src="/strutslotto/images/add1.GIF"><br/></th><th style="width:70%"></th></tr>
						<tr>
							<th colspan="2" style="text-align: left">
								<img src="/strutslotto/images/add2.GIF">
							</th>
						</tr>
					</thead>
					<tbody>
					<tr>
						<td class="sub" >아이디&nbsp;&nbsp;<label id="idCheck"></label></td>
						<td class="content" id="user_id"><input type="text" size="25"/></td>
					<tr>
					<tr>
						<td class="sub">비밀번호</td>
						<td class="content" id="user_pwd"><input type="text" size="25"/></td>
					<tr>
					<tr>
						<td class="sub">비밀번호 확인</td>
						<td class="content"><input type="text" size="25"/>&nbsp;&nbsp;<label id="pwdCheck"></label></td>
					<tr>
					<tr>
						<td class="sub">비밀번호  <br/> 확인시 질문</td>
						<td class="content" id="user_que"><input type="text" size="25"/></td>
					<tr>
					<tr>
						<td class="sub">비밀번호 <br/> 확인시 답변</td>
						<td class="content">
							<select name="answer" id="user_anser">
								<option value="0">가장 기억에 남는 선물은?</option>
								<option value="1">가장 기억에 남는 이름은?</option>
								<option value="2">가장 기억에 남는 물건은?</option>
								<option value="3">가장 기억에 남는 사람은?</option>
							</select>
						</td>
					<tr>
					<tr>
						<td class="sub">이름</td>
						<td class="content" id="user_name"><input type="text" size="25"/></td>
					<tr>
					<tr>
						<td class="sub">주민번호</td>
						<td class="content" id="user_jumin1"><input type="text" size="8" maxlength="4"/> - <input type="text" size="8" maxlength="4" id="user_jumin2"/></td>
					<tr>
					<tr>
						<td class="sub">주소</td>
						<td class="content">	
							<input type="text" size="8" id="user_addr1"/> - <input type="text" size="8" id="user_addr2"/>&nbsp;&nbsp;
							<label style="background-color: #dedede;font:bold 11px 나눔글꼴코딩">우편번호찾기</label><br/>
							<input type="text" size="45" readonly="readonly" id="user_addr3"/><span style="font:11px 나눔글꼴코딩">&nbsp;기본주소&nbsp;</span><br/>
							<input type="text" size="45" id="user_addr4"/><span style="font:11px 나눔글꼴코딩">&nbsp;나머지 주소&nbsp;</span><br/>
							
						</td>
					<tr>
					<tr>
						<td class="sub">휴대전화</td>
						<td class="content" id="user_phone1">
							<select>
								<option>없음</option>
								<option>010</option>
								<option>011</option>
								<option>016</option>
								<option>017</option>
								<option>019</option>
							</select>
							- <input type="text" size="4" id="user_phone2"/>
							- <input type="text" size="4" id="user_phone3"/></td>
					<tr>
					<tr>
						<td class="sub" id="user_email">이메일</td>
						<td class="content"><input type="text" size="45"/></td>
					<tr>
					</tbody>
					<tfoot>
						<tr>
							<td style="height: 50px; line-height: 50"></td><td style="text-align: right"><input type="button" value="회원가입" onclick="checkAddMember()">&nbsp;&nbsp;<input type="button" value="가입취소" onclick="javascript:location='/strutslotto/index.jsp'">&nbsp;</td>
						</tr>
					</tfoot>
				</table>
			</form>
		</div>
		<div id="bottom">
			<%@include file="/menu/bottom.jsp" %>
		</div>
	</div>
</body>
</html>